/*============		Media 768Px Start	============ */
@media (min-width: 768px) and (max-width: 991px) {
	.container{
			width:768px;
	}
	.right-header{
		width:27%;
	}
	.navigation{
		width:64%;
	}
	.navigation select{
		border-radius:4px;
		padding: 6px 15px;
	}
	.navigation select option{
		padding: 0 15px;
	}
	.services article .text i{
		top:7px;
	}
	.services article.service-v2 h5{
		font-size:25px;
	}
	.team-shortcode{
		margin-bottom:20px;
	}
	.parallax-fullwidth.service-parallax{
		padding: 20px 0;
		margin-bottom:25px;
	}
	.cs-timeline{
		margin-bottom:15px;
	}
	#footer-widgets-bottom .widget{
		width:50%;
	}
	#footer-widgets-bottom{
		margin:0;
	}
	.widget_newsletter form{
		margin-bottom:20px;
	}
	.right-header .btn{
		border-radius:4px;
	}
	.cs-section-title{
		font-size:30px;
	}
	#sliderbanner .caption{
		margin-left:-369px;
		top:0;
	}
	#sliderbanner .caption h2{
		font-size:19px;
		line-height:16px;
	}
	#respond .detail-form p{
		width:31.4%;
	}
	.event.eventlisting article .text .cs-buynow{
		bottom:0;
	}
	.team-shortcode article.no-image figure{
		height:136px;
	}
	.cs-blog.blog-grid article.no-image figure{
		height:201px;
	}
	.team-shortcode article.team-shortcode-v2.no-image figure{
		height:173px;
	}
    .col-md-3 {
	    width:100%;
		float:none;
	}
	.cs-blog.blog-grid.blog-carousel-view article{
		float: left;
	}
	.cs-blog.blog-grid.blog-carousel-view article:first-child{
		width:230px;
	}
	.subtitle{width: 74%;}#banner{z-index: 50;}
	/* Menu Start */
	nav.navigation > ul{
		background-color: #1b1b1b;
		width: 100%;
		margin-top: 10px;
		padding: 15px 40px;
		display: none;
	}
	nav.navigation ul li{
		width: 100%;
		padding: 0px;
		text-align: left;
		border-bottom: 1px solid #666;
	}
	nav.navigation ul li:last-child{
		border-bottom: none;
	}
	.navigation > ul > li > a{
		color: #fff;
		padding: 0px 0px;
		height: auto;
		float: left;
		width: 100%;
		border: none;
		position: relative;
		font-size: 14px;
	}
	.navigation ul ul{
		position: inherit;
		left: 0px;
		top: auto;
		margin: 0px;
		visibility: visible;
		opacity: 1;
		float: left;
		width: 100%;
		padding: 0px 0px 0px 20px;
		background-color: transparent;
		box-shadow: none;
		-webkit-transform: translateY(0);
		   -moz-transform: translateY(0);
		    -ms-transform: translateY(0);
		     -o-transform: translateY(0);
		        transform: translateY(0);
	}
	.navigation ul ul li a{
		color: #fff;
		border: none;
		padding: 0px 10px;
	}
	.navigation ul > li.sub-icon > a:after{
		content: "\f107";
		font-family: FontAwesome;
		position: absolute;
		right: 4px;
		top: 1px;
		color: #fff;
	}
	.navigation ul ul ul{
		left: 0px;
	}
	.navigation ul > li > a:before,
	.navigation ul ul:before{
		display: none;
	}
	.navigation > ul > li:hover > a, nav.navigation > ul > li.current-menu-item > a, nav.navigation > ul > li.current-menu-ancestor > a,
	.navigation ul ul li:hover > a{
		background-color: transparent !important;
		border: none;
	}
	.cs-click-menu{
		display:inline-block;
		text-align:center;
	}
	.navigation ul ul li:hover > a{
		box-shadow: none;
		background: none;
	}
	.team-shortcode article{
		width:30.44%;
	}
	.left-header{
		width:73%;
	}
	.cs-blog.blog-grid article{
		width:46%;
	}
	#respond .comment-form p,
	.col-md-9 #respond .comment-form p{
		width:31.5%;
	}
	.tweet{
		width:67%;
	}
	.btn{
		margin-bottom:10px;
	}
	.rich_editor_text .shortgrid{
		width:100% !important;
	}
	.widget .swiper-slide .tweet{
		width:175px;
	}
	.widget .swiper-container{
		width:175px;
	}
	#header{
		position:static !important;
	}
	.event.eventlisting article .text .cs-buynow{
		bottom:0;
		margin-right:8px;
	}
	.causes.causes-medium article .text h2.cs-post-title{
		margin-left:0px!important;
	}
	.services article.service-v1{
		 width:30.3%;
	}
	/* Menu End */
	#sliderpagination li span.cs-desc{
		display: none;
	}
	#sliderpagination li span.cs-number{
		text-align: center;
		width: 100%;
	}
	.widget-recent-blog article figure{
		width:100%;
	}
	.widget-recent-blog article figure + .text{
		margin:0;
		padding-top:6px;
	}
	.widget_gallery ul li{
		width:32.25%;
		height:200px;
	}
	.element_size_50{
		width:100%;
		padding:0;
	}
}

/*============		Media 420Px Start	============ */
@media (max-width: 767px) {
	.container{
		width:420px;
	}
	#header ~ .rev_slider_wrapper{
	    margin-top: 0px !important;
	}
	#header{
		float:none;
		text-align:center;
		padding:20px 0;
	}
	.home #header{
		position: relative !important;
		background-color: #000;
	}
	#header + div{
		height:  auto !important;
	}
	.contant-info .text .followus a{
		float: left;
	}
	.widget .swiper-slide .tweet{
		width: 390px;
	}
	.logo,
	.logo img{
		float:none;
	}
	.right-header{
		float:none;
		width:100%;
	}
	.element_size_67, .element_size_33, .element_size_25, .element_size_50, .element_size_75,
	.navigation{
		width:100%;
	}
	.right-header .btn{
		width:62%;
	}
	.right-header .btn{
		border-radius:4px;
	}
	.logo,
	.navigation{
		margin-bottom:20px;
	}
	.cs-section-title{
		font-size:20px;
	}
	.modal-dialog,
	.cs-donation-form .modal-dialog{
		width:96%;
	}
	.cs-donation-form .modal-footer label,
	.cs-donation-form .modal-footer .donate-btn{
		width:100%;
	}
	.cs-donation-form .modal-footer label{
		margin-bottom:10px;
	}
	.cs-donation-form .modal-footer label input{
		width:134px;
	}
	.cs-donation-form ul li label{
		width:80px;
		height:65px;
		line-height:65px;
	}
	.cs-donation-form ul{
		margin-bottom:20px;
	}
	.services,
	.parallax-fullwidth.service-parallax .services{
		width:100%;
		margin: 0 0 20px 0;
		padding-bottom:20px;
	}
	.services article,
	.parallax-fullwidth.service-parallax .services article{
		width:100% !important;
		margin-left:0;
	}
	.services article .text i{
		top:7px;
	}
	.widget_joinus .subscribe-form input{
		width:100%;
	}
	.parallax-fullwidth.service-parallax{
		padding:20px 0 !important;
		margin-bottom:20px;
	}
	.left-timeline-sec time{
		padding:0;
		margin:0;
	}
	.left-timeline-sec time:before{
		display:none;
	}
	.right-timeline-sec{
		float:left;
	}
	.team-shortcode{
		margin-bottom:10px;
	}
	.team-shortcode article{
		width:47%;
	}
	.team-shortcode article{
		margin-bottom:4%;
	}
	.team-shortcode article .text{
		min-height:170px;
	}
	.cs-blog.blog-medium figure{
		width:100%;
	}
	.cs-blog.blog-medium .text{
		float:left;
		width:100%;
		margin-left:0;
		padding: 20px 0 0 0;
	}
	#sliderpagination li .pager-desc{
		padding: 0 6px 6px 6px;
	}
	#sliderpagination li span.cs-desc{
		font-size:8px;
	}
	#footer-widgets .widget{
		width:100%;
	}
	.cs-bottom-wrapp{
		padding:20px 0;
		text-align:center;
		display:inline-block;
	}
	#footer-widgets{
		padding-top:30px;
	}
	#footer-widgets .widget_newsletter header.cs-heading-title,
	#footer-widgets .widget-socialnetwork header.cs-heading-title,
	#footer-widgets .widget_newsletter header.cs-heading-title h2,
	#footer-widgets .widget-socialnetwork header.cs-heading-title h2{
		display:inline-block;
		text-align:center;
		float:none;
	}
	#footer-widgets .widget_newsletter form{
		margin-bottom:20px;
	}
	#footer-widgets-bottom{
		margin:0;
	}
	.followus{
		display:inline-block;
		text-align:center;
		margin-bottom:0;
	}
	.followus a{
		margin-bottom: 6px !important;
	}
	.cs-carousel-control{
		font-size:30px;
	}
	header.cs-heading-title a.btnviewall{
		margin-top:1px;
	}
	.cs-blog.blog-large article .text h2{
		font-size:15px;
	}
	.cs-blog.blog-large article .calendardate-wrap,
	.cs-blog.blog-large article .calendardate-wrap .btn{
		width:100%;
	}
	.cs-blog.blog-large article .calendardate-wrap .btn{
		margin-bottom:10px;
	}
	.cs-blog.blog-large article .calendar-date{
		width:100%;
		height:77px;
	}
	.cs-blog.blog-large article .calendar-date span {
		line-height: 40px;
		margin-bottom:5px;
	}
	.cs-blog.blog-large article .text{
		float:left;
		width:100%;
		padding:0;
	}
	.post-tags{
		padding: 0 0 12px 0;
		margin: 0 0 12px 0;
	}
	.post-tags ul{
		width:100%;
		margin: 0;
	}
	.post-tags ul li{
		margin: 4px 0 0 0;
	}
	.about-author{
		padding:20px;
	}
	.about-author .text{
		float:left;
		width:100%;
		padding:10px 0 0 0;
	}
	.children{
		padding-left:24px;
	}
	#comments .text{
		margin-left:58px;
	}
	.children:after{
		width:13px;
	}
	#respond .detail-form p{
		width:100%;
		margin-left:0;
	}
	blockquote{
		padding: 0 30px 30px 30px;
	}
	blockquote:before{
		left:0;
		font-size:53px;
	}
	.cs-color-filter ul li{
		width:50%;
		margin-left:0;
	}
	.causes.causes-medium article figure{
		width:100%;
	}
	.causes.causes-medium article .text{
		float:left;
		width:100%;
		margin:0;
		padding:20px;
	}
	.causes.causes-medium.causes-grid{
		width:100%;
		margin-left:0;
	}
	.causes.causes-medium.causes-grid article{
		margin-left:0;
		width:100%;
	}
	.cause-left,
	.cause-right{
		width:100%;
	}
	.cause-right{
		border-left:none;
		padding:64px 20px 20px 20px;
		border-top:1px solid #e3e3e3;
	}
	.cause-right .cs-btn-donate{
		top:12px;
		right:50%;
		margin-right:-60px;
	}
	.services article.service-v3{
		width:100%;
		margin: 0 0 3% 0;
	}
	#respond form p input[type="text"]{
		width:100%;
	}
	#respond form p .icon-input small{
		margin: 5px 0 0 10px;
	}
	.event.eventlisting article figure{
		width:100%;
	}
	.event.eventlisting article .text{
		float:left;
		width:100%;
		padding:15px 0 30px 0;
	}
	.bottom-event{
		float:left;
		width:100%;
	}
	.bottom-event .buy-ticket, .bottom-event.liks{
		float:left;
		padding: 0 2px;
	}
	.event.eventlisting article .text .cs-buynow{
		right:10px;
		bottom:26px;
	}
	.event.event-grid{
		width:100%;
		margin-left:0;
	}
	.event.event-grid article{
		width:100%;
		margin: 0 0 20px 0;
	}
	.event.event-grid article .text{
		padding:15px;
	}
	.detail_figure + .detail_inner figure{
		width:100%;
	}
	.detail_inner .text{
		float:left;
		width:100%;
		padding-top:10px;
		margin-left:0;
	}
	.team-shortcode article.team-shortcode-v1{
		margin-left:0;
	}
	.team-shortcode article.team-shortcode-v1 figure{
		width:100%;
	}
	.team-shortcode article.team-shortcode-v1 .text{
		float:left;
		width:100%;
		margin-left:0;
	}
	.team-shortcode article.team-shortcode-v2{
		width:47%;
	}
	.col-left,
	.col-right{
		width:100%;
		padding:0;
	}
	.gallery ul li{
		width:22.5%;
	}
	.cs-timeline.cs-timeline-v2 article figure{
		width:100%;
	}
	.cs-timeline.cs-timeline-v2 article .text{
		float:left;
		width:100%;
		margin-left:0;
	}
	.widget-countdown{
		padding:20px;
		font-size:15px;
	}
	.widget-countdown strong{
		font-size:15px;
	}
	#sliderpagination li span.cs-number{
		font-size:20px;
	}
	#sliderbanner .caption{
		display:none;
	}
	.cs-blog.blog-grid.blog-carousel-view article{
		margin-left:0;
		margin-bottom:15px;
		width:289px;
	}
	.element_size_50{
		width:100%;
		padding:0;
	}
	.element_size_50 .cs-blog.blog-grid{
		width:100%;
		margin-left:0;
	}
	.element_size_50 .cs-blog.blog-grid article{
		margin-left:0;
	}
	.cs-blog.blog-grid article.no-image figure{
		height:107px;
	}
	.team-shortcode article.no-image figure{
		height:190px;
	}
	.pagination ul li:hover a{
		padding:8px 17px;
	}
	.team-shortcode article.team-shortcode-v2.no-image figure{
		height:190px;
	}
	.nav-toggle{
		margin-bottom: 15px;
		width: 100%;
	}
	.cs-blog.blog-grid.blog-carousel-view article figure{
		height: auto;
	}
	.event.eventlisting article .text .cs-buynow{
		position: inherit;
		margin-bottom: 10px;
		left: 0px;
		bottom: auto;
		float: left;
	}
	article .detail_inner .text .bottom-event a{
		margin: 0px 9px 9px 0px !important;
	}
	.breadcrumb-inner{
		text-align: center;
	}
	.breadcrumbs,
	.subtitle{
		display: inline-block;
		float: none;
	}
	.subtitle{width: 100%;}
    .cs-timeline article:after {
	    bottom: 116px;
	    height: 13%;
	}
	.pagination ul li a{
		margin-bottom: 4px;
	}
	/* Menu Start */
	nav.navigation > ul{
		background-color: #1b1b1b;
		width: 100%;
		margin-top: 10px;
		padding: 15px 40px;
		display: none;
	}
	nav.navigation ul li{
		width: 100%;
		padding: 0px;
		text-align: left;
		border-bottom: 1px solid #666;
	}
	nav.navigation ul li:last-child{
		border-bottom: none;
	}
	.navigation > ul > li > a{
		color: #fff;
		padding: 0px 0px;
		height: auto;
		float: left;
		width: 100%;
		border: none;
		position: relative;
		font-size: 14px;
	}
	.navigation ul ul{
		position: inherit;
		left: 0px;
		top: auto;
		margin: 0px;
		visibility: visible;
		opacity: 1;
		float: left;
		width: 100%;
		padding: 0px 0px 0px 20px;
		background-color: transparent;
		box-shadow: none;
		-webkit-transform: translateY(0);
		   -moz-transform: translateY(0);
		    -ms-transform: translateY(0);
		     -o-transform: translateY(0);
		        transform: translateY(0);
	}
	.navigation ul ul li a{
		color: #fff;
		border: none;
		padding: 0px 10px;
	}
	.navigation ul > li.sub-icon > a:after{
		content: "\f107";
		font-family: FontAwesome;
		position: absolute;
		right: 4px;
		top: 1px;
		color: #fff;
	}
	.navigation ul ul ul{
		left: 0px;
	}
	.navigation ul > li > a:before,
	.navigation ul ul:before{
		display: none;
	}
	.navigation > ul > li:hover > a, nav.navigation > ul > li.current-menu-item > a, nav.navigation > ul > li.current-menu-ancestor > a,
	.navigation ul ul li:hover > a{
		background-color: transparent !important;
		border: none;
	}
	nav.navigation{
		text-align: center;
	}
	.cs-click-menu{
		display: inline-block;
		float: none;
	}
	.navigation ul ul li:hover > a{
		box-shadow: none;
		background: none;
	}
	/* Menu End */
	.pagination{
		margin-bottom: 20px;
	}
	.left-header{
		width: 100%;
	}
	.element_size_33,element_size_50,.element_size_67,.element_size_75{
		width:100%;
	}
	.cs-blog.blog-grid article{
		width:100%;
		margin-bottom: 30px;
	}
	#respond .comment-form p,
	.col-md-9 #respond .comment-form p{
		width:100%;
		margin-left:0px;
	}
	.archive-page .blog_text{
		margin-left:0px;
		padding-left:10px;
	}
	.archive-page article figure{
		width:100%;
		margin-bottom:10px;
	}
	.btn{
		margin-bottom:10px;
		margin-right:5px;
	}
	.rich_editor_text .shortgrid{
		width:100% !important;
	}
	.tabs #myTab li{
		width:100%;
		display:block;
	}
	.tabs.vertical .nav-tabs, .tabs.vertical .tab-content{
		width:100%;
	}
	.tabs.vertical .nav-tabs{
		height:auto;
	}
	#header{
		position:static !important;
	}
	.cs-blog.blog-grid.blog-carousel-view article.featured-slide,
	.cs-blog.blog-grid.blog-carousel-view article{
		width: 390px;
		margin: 0px;
	}
	.fc-content thead tr th,
	.fc-event{
		font-size:8px !important;
	}
	.fc-event-inner{
	padding:5px 0 5px 5px !important;
	}
	.widget .swiper-container{
		width:100%;
	}
	.event.eventlisting article .text .cs-buynow{
		bottom:0;
		margin-right:8px;
	}
	.widget_newsletter input.btn{
		width:38%;
	}
	.post-options li{
		padding-right:13px;
	}
	.causes.causes-medium article .text h2.cs-post-title{
		margin-left:0px!important;
	}
	.language-sec #lang_sel ul ul{
		z-index:20 !important;
	}
	.widget_newsletter form  label{
		width:58%!important;
	}
	.flexslider li figcaption{
		display:none;
	}
	.password_protected form{
		width:100%;
	}
	.undercunst-box{
		height:auto;
		word-wrap:break-word;
	}
	#sliderpagination li span.cs-desc{
		display: none;
	}
	#sliderpagination li span.cs-number{
		text-align: center;
		width: 100%;
	}
	#banner{
		min-height: inherit;
	}
	.team-shortcode .followus a{
		float: left;
	}
	.wpcf7 form p{
		width: 100%;
		margin-left: 0px;
	}
	blockquote:before{
		top: -9px;
	}
	.element_size_33,
	.element_size_67{
		padding:0;
	}
	.cart-sec{
		float:right;
	}
	.widget_gallery ul li{
		width:30.5%;
	}
	.rich_editor_text i{
		float:none;
	}
	.wrapper_boxed .parallax-fullwidth {
	    width: 133% !important;
	}
}

/*============		Media 300Px Start	============ */
@media (max-width: 480px) {
	.container{
		width:320px;
	}
	.team-shortcode article .text{
		min-height:190px;
	}
	.widget .swiper-slide .tweet{
		width: 300px;
	}
	.cs-page-title{
		font-size:20px;
	}
	.tabs.horizontal .nav-tabs > li > a{
		padding: 11px 15px;
	}
	.fc-header-title h2{
		font-size:12px;
	}
	.team-shortcode,
	.cs-blog.blog-grid{
		width:100%;
		margin-left:0;
	}
	.cs-blog.blog-grid article{
		width:100%;
		margin-left:0;
	}
	.element_size_167 .cs-blog.blog-grid article{
		width:100% !important;
		margin-left:0;
	}
	.gallery ul li{
		width:49.5% !important;
	}
	.widget-countdown{
		padding:20px;
		font-size:12px;
	}
	.widget-countdown strong{
		font-size:12px;
	}
	#sliderpagination li span.cs-number{
		font-size:15px;
	}
	.team-shortcode article{
		width:100%;
		margin-left:0;
	}
	.cs-blog.blog-grid article.no-image figure{
		height:192px;
	}
	.event.eventlisting article .text .cs-buynow{
		right:10px;
		bottom:28px;
	}
	.full-booked, .cancled{
		padding: 0 13px;
	}
	.team-shortcode article.team-shortcode-v2{
		width:100%;
		margin-left:0;
	}
	.team-shortcode article.team-shortcode-v1{
		margin-left:0;
	}
	.team-shortcode article.team-shortcode-v1 figure{
		width:100%;
	}
	.navigation > ul > li{
		padding: 0px;
	}
	.swiper-slide .cs-blog.blog-grid.blog-carousel-view article:first-child{
		width:300px;
	}
	.swiper-slide .cs-blog.blog-grid.blog-carousel-view .cycle-slideshow article{
		float: left;
	}
	.element_size_33,element_size_50,.element_size_67,.element_size_75{
		width:100%;
	}
	#respond .comment-form p,
	.col-md-9 #respond .comment-form p{
		width:100%;
		margin-left:0px;
	}
	.cs-blog.blog-grid article{
		width:100% !important;
	}
	.archive-page .blog_text{
		margin-left:0px;
		padding-left:10px;
	}
	.archive-page article figure{
		width:100%;
		margin-bottom: 10px;
	}
	.rich_editor_text .shortgrid{
		width:100% !important;
	}
	.tabs #myTab li{
		width:100%;
		display:block;
	}
	.tabs.vertical .nav-tabs, .tabs.vertical .tab-content{
		width:100%;
	}
	#header{
		position:static !important;
	}
	.cs-blog.blog-grid.blog-carousel-view article.featured-slide,
	.cs-blog.blog-grid.blog-carousel-view article{
		width: 290px !important;
		margin: 0px;
	}
	.fc-content thead tr th,
	.fc-event{
		font-size:6px !important;
	}
	.fc-event-inner{
	padding:5px 0 5px 5px !important;
	}
	.widget .swiper-container{
		width:100%;
	}
	.event.eventlisting article .text .cs-buynow{
		bottom:0;
		margin-right:8px;
	}
	.widget_newsletter input.btn{
		width:38%;
	}
	.post-options li{
		padding-right:13px;
	}
	.causes.causes-medium article .text h2.cs-post-title{
		margin-left:0px!important;
	}
	.language-sec #lang_sel ul ul {
    width: 180px;
    z-index: 20;
	}
	.widget_newsletter form  label{
		width:58%!important;
	}
	.parallax-fullwidth.service-parallax{
		padding-top:0 !important;
	}
	.services.border-bottom:before{
		width:100%;
		left:0;
	}
	.parallax-fullwidth.service-parallax{
		padding: 20px 0;
	}
	#midarea{
		padding:0 10px;
	}
	.blog_detail .cls-post-audio figure.detail_figure{
		height: 200px;
	}
	.fc-view.fc-view-month.fc-grid > div {
    	display: none;
	}
}
/*============	   Media 940Px Start	============ */
@media (min-width: 992px) and (max-width: 1199px){
	.navigation > ul > li{
		padding: 0 14px;
	}
	#sliderbanner .caption{
		margin-left:-465px;
	}
	#sliderbanner .caption h2{
		font-size:20px;
		margin-bottom:4px;
	}
	.widget_joinus .subscribe-form h3{
		font-size:12px;
		margin-bottom:8px;
	}
	#respond .detail-form p{
		width:31%;
	}
	.tabs.horizontal .nav-tabs > li > a{
		padding:11px 18px;
	}
	.cause-left{
		font-size:20px;
	}
	.buy-ticket, .liks{
		padding: 0 8px;
	}
	.event.eventlisting article .text .cs-buynow{
		bottom:0;
		margin-right:8px;
	}
	.widget-countdown{
		padding:20px;
		font-size:20px;
	}
	.widget-countdown strong{
		font-size:20px;
	}
	.team-shortcode article.no-image figure{
		height:171px;
	}
	.cs-blog.blog-grid article.no-image figure{
		height:166px;
	}
	.cs-blog.blog-grid.blog-carousel-view article figure{
		height:202px;
	}
	.team-shortcode article.team-shortcode-v2.no-image figure{
		height:143px;
	}
	.left-header{
		width:79%;
	}
	#respond .comment-form p{
		width:31.9%;
	}
	.col-md-9 #respond .comment-form p{
		width:31.4%;
	}
	#header{
		position:static !important;
	}
	.cs-blog.blog-grid.blog-carousel-view article{
		width: 298px;
	}
	.widget_gallery ul li{
		width:29.5%;
		height:60px;
	}
}
@media (min-width: 600px) and (max-width: 700px){
	.wrapper_boxed .parallax-fullwidth {
	    left: -105px !important;
	    width: 155% !important;
	}
}